<!DOCTYPE html>
<!--Pagina 4 da especificacao-->
<html lang="pt-br">
    <head>
        <title>Seu Portal de Receitas - login do usuarios</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script src="../../js/jquery-1.11.1.min.js" type="text/javascript"></script>
        <script type="text/javascript" src="../../js/validation.js" charset="utf-8"></script>
        <script type="text/javascript" src="../../js/jquery-ui-1.11.1.custom/jquery-ui.js" charset="utf-8"></script>
        <script type="text/javascript" src="../../js/jquery.maskedinput.min.js" charset="utf-8"></script>
        <link rel="stylesheet" href="../../js/jquery-ui-1.11.1.custom/jquery-ui.css">
        <link rel="stylesheet" href="../../template.css">
        <link href="../../js/jquery/jRating.jquery.css" rel="stylesheet" type="text/css"/>
        <script src="../../js/jquery/jRating.jquery.min.js" type="text/javascript"></script>
        <script src="../../js/js-webshim/minified/polyfiller.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $(".star").jRating({
                    bigStarsPath: '../../js/jquery/icons/stars.png'
                });
                webshims.polyfill('forms');
            })
        </script>
    </head>
    <body>
        <div class="center">
            <header>
                <img src="../../imagens/chefLogo.png" title="Bem Vindo!" alt="Logo de site"/>
                <h1><a href="">Receitas do Cheff</a></h1>
                <div class="additional">
                    <div class="header-search">
                        <form id="search" name="search" action="#" method="post">
                            <input type="text" placeholder="Pesquisar no site" id="main-search">
                            <input id="busca" type="submit" value="">
                        </form>
                    </div>

                    <div id="acessibilidade">
                        <a href="#conteudo">Saltar para conteudo principal</a>
                        <a href="#" id="changefonts" onclick="fontChange()">Aumentar Fonte</a>
                        <input id="font" type="hidden" value="aumentar">
                    </div>
                </div>
            </header>        

            <nav> <!--menu-->
                <ul>
                    <li><a href="../../index.html">Home</a> <span class="vet_bar"></span></li>
                    <li>Categorias 
                        <ul>
                            <li><a href="../Bolos/index_categoria.html">Bolos</a></li>
                            <li><a href="../Tortas/index_categoria.html">Tortas</a></li>
                            <li><a href="../Massas/index_categoria.html">Massas</a></li>
                            <li><a href="../Paes/index_categoria.html">Pães</a></li>
                        </ul>
                    </li>
                    <li><a href="../../entrar.html">Login</a> </li>
                    <li><a href="../../cadastro_receita.html">Sugerir Receita!</a></li>                  
                </ul>
            </nav>

             <section class="recipes" id="conteudo"> <!--Conteudo Principal-->
                <article>
                    <h2>Bolo de Mousse de Chocolate</h2>
                    <img src="imagens/bolo1.jpg" alt="Bolo" title="HUMMMM!" width="156" height="156"/>

                    <h3>Ingredientes</h3>

                    <ul>
                        <li>2 ovos e 1 gema</li>
                        <li>1/2 xícara (chá) de leite quente</li>
                        <li>1 xícara (chá) de açúcar</li>
                        <li>1 xícara (chá) de farinha de trigo</li>
                        <li>3 colheres (sopa) de chocolate em pó</li>
                    </ul>
                    <p>Enviado por: Maria_S2</p>
                    <p><strong>Nota: 9,5</strong> (avaliação de 15 usuários)</p>
                    <p><a href="detalhes_bolo1.html">Mais Informaçoes...</a></p>
                </article>
                
                <article>
                    <h2>Bolo de Cenoura</h2>
                    <img src="imagens/bolo2.jpg" alt="Bolo" title="HUMMMM!" width="156" height="156"/>

                    <h3>Ingredientes</h3>

                    <ul>
                        <li>250 g de cenoura</li>
                        <li>4 ovos</li>
                        <li>1 e ½ tablete de margarina</li>
                        <li>3 xícaras de chá de açúcar peneirado</li>
                        <li>3 xícaras de farinha de trigo sem fermento</li>
                    </ul>
                    <p>Enviado por: Joao_S2</p>
                    <p><strong>Nota: 4,5</strong> (avaliação de 35 usuários)</p>
                    <p><a href="detalhes_bolo2.html">Mais Informaçoes...</a></p>
                </article>
            </section>

            <aside>
                <h3>Top 3 por Categoria</h3> <!--Listagem com os mais bem avaliados-->
                <ol>
                    <li>Bolos
                        <ul>
                            <li><a href="">Bolo1, Nota: 10</a></li>
                            <li><a href="">Bolo2, Nota: 9,7</a></li>
                            <li><a href="">Bolo3, Nota: 8,2</a></li>
                        </ul>
                    </li>
                    <li>Tortas
                        <ul>
                            <li>Torta1</li>
                            <li>Torta2</li>
                            <li>Torta3</li>                            
                        </ul>
                    </li>
                    <li>Massas
                        <ul>
                            <li>Massa1</li>
                            <li>Massa2</li>
                            <li>Massa3</li>

                        </ul>
                    </li>

                </ol>
            </aside>


        </div>

        <footer class="clear">
            <p>Receitas do Cheff</p>
            <p>Desenvolvido por:</p>
            <ul class="member">
                <li>Afonso Expedito da Silva, 7572791</li>
                <li>Cleiton Duarte Pereira, 7572804</li>
            </ul>

        </footer>

    </body>
</html>
